
.zTreeDemoBackground{margin-top:40px;position: relative;margin-left:220px;width:1000px;}
.zTreeDemoBackground .ztree{background:none;border:0px;margin-left:50px;}

.zTreeDemoBackground .ztree li{padding:8px 0;font-size:16px;}
.zTreeDemoBackground .helptip{position: absolute;right:10px;background:#ddd;color:#999;padding:5px 15px;}

input.radio {margin: 0 2px 0 8px;}
input.radio.first {margin-left:0;}
input.empty {color: lightgray;}
code {color: #2f332a;}
.highlight_red {color:#A60000;}
.highlight_green {color:#A7F43D;}
.zTreeDemoBackground li {list-style: circle;font-size: 12px;}
.zTreeDemoBackground .title {list-style: none;}
.zTreeDemoBackground .list {margin-left: 17px;}


ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:220px;height:360px;overflow-y:scroll;overflow-x:auto;}
ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
ul.log.small {height:45px;}
ul.log li {color: #666666;list-style: none;padding-left: 10px;}
ul.log li.dark {background-color: #E3E3E3;}

/* ruler */
div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}